<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
       <style>
        #button {
            position: relative;
            left: 300px;
            top: 600px;
            display: inline-flex; 
            justify-content: center; 
            align-items: center; 
            margin: 2px; border: 1px solid transparent; 
            border-radius: 4px; 
            padding: .5em 1em; color: #fff; 
            background-color: #9555af;
         } 
    </style>
   </head>
   <body style="height: 100%; margin: 0">
    <input id="button" type="button" value="动词" onclick="javascrtpt:window.location.href='C:/Users/pc/Desktop/big%20homework/visual/红楼梦/动词分析.html'">
       <div id="container" style="height: 80%"></div>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    legend: {
        selected:{
            '这': false,
            '那': false,
            '你': false,
            '我': false,
            '他': false
        }
                
    },
    xAxis: [
        {gridIndex: 0,type: 'category',
        data: ['10', '20', '30', '40', '50', '60', '70','80','90','100','110','120']},
    ],
    yAxis: [
        {gridIndex: 0 },
    ],
    series: [
        {
            name:'这',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data: [567,452,645,706,698,820,691,838,682,573,556,569],
        },
        {
            name:'那',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data: [329,298,450,412,363,383,381,311,467,458,431,608],
        },
        {
            name:'你',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data: [385,462,738,659,808,789,623,647,585,465,464,493],
        },
        {
            name:'我',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data: [492,550,917,872,1007,860,830,882,635,606,744,742],
        },
        {
            name:'他',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data: [526,422,663,639,752,916,806,748,483,627,542,588],
        },
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>
   </body>
</html>